<!DOCTYPE html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="/static/index/img/small-logo.jpg">
    <title>漫画世界，为漫画而生</title>

    <!-- Bootstrap core CSS -->
    {css href="/static/index/css/bootstrap.min.css" }
    {css href="/static/index/css/navbar-fixed-top.css" }
    {css href="/static/index/css/zjh.css" }
    {css href="/static/index/css/toastr.min.css"}
    {js href="/static/index/js/jquery.min.js" }
    {js href="/static/index/js/bootstrap.min.js" }
    {js href="/static/index/js/toastr.min.js"}

    <style type="text/css" abt="234"></style>
</head>

<html lang="zh-CN">

<body>

<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <img class="active" src="/static/index/img/logo.jpg" width="150">
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="active">
                    <a href="{:url('/home/index/index')}">首页</a>
                </li>
                <li>
                    <a href="{:url('/home/index/gengxin')}">更新</a>
                </li>
                <li>
                    <a href="{:url('/home/index/paihang')}">排行</a>
                </li>
                <li>
                    <form action="{:url('/home/index/sousuo')}" method="post">
                    <!-- 搜索框 -->
                    <div class="input-group" style="width: 300px;margin-top:8px">
                        
                        <input type="text" class="form-control" placeholder="请输入搜索内容" name="sousuo">
                        <span class="input-group-btn">
                                <button class="btn btn-danger">Go!</button>
                        </span>
                  
                    </div>
                 </form>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="{:url('/home/index/vip')}" class="glyphicon glyphicon-queen">VIP</a>
                </li>
                <li>
                    <a href="{:url('/home/index/user')}" class="glyphicon glyphicon-star">书架</a>
                </li>
                {if condition="$ses['vip'] eq 2"}
                <li  class="active ">
                    <img src="/static/index/img/vip_logo_2.png" width="48">
                </li>
                <li class="active ">
                    <a href="{:url('/home/index/user')}" class="glyphicon glyphicon-user">个人中心</a>
                </li>
                
                {else /}
                <li class="active ">
                    <a href="{:url('/home/index/user')}" class="glyphicon glyphicon-user">个人中心</a>
                </li> 
                {/if}
                {if condition="$ses['vip'] eq 3"}
                <li  class="active ">
                    <a href="{:url('/home/login/index')}">登录</a>
                </li>
                {else /}
                <li  class="active ">
                    <a href="{:url('/home/login/tuichu')}">退出</a>
                </li>
                {/if}
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</nav>
{block name="main"}
<!-- container -->
<div class="container">
    <ul class="nav nav-pills">
        {volist name="fenlei" id="v"}
        <li role="presentation">
            <a href="{:url('/home/index/fenlei',['id'=>$v['id']])}">{$v.name}</a>
        </li>
        {/volist}
    </ul>
    <div class="clearfix"></div>
    <div id="carousel-example-generic" class="carousel slide lunbotu" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <a href="">
                    <img src="/static/index/img/lunbotu-1.jpg">
                </a>
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <a href="">
                    <img src="/static/index/img/lunbotu-1.jpg">
                </a>
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <a href="">
                    <img src="/static/index/img/lunbotu-1.jpg">
                </a>
                <div class="carousel-caption"></div>
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="clearfix"></div>
</div>


<!-- 原创精品 -->
<div class="container" style="margin-top:20px;">
    <ul class="list-inline">
        <li class="glyphicon glyphicon-fire pull-left" style="font-size:40px;color:red;"></li>
        <li class="pull-left " style="font-size:30px;">原创精品</li>
        
    </ul>
    <div class="clearfix"></div>
    <hr>
    {volist name="yuanchuang" id="v"}
    <div style="width: 350px; display: inline-block;margin-left:20px;">
        <div class="row">
            <div class="col-md-6"><a href="{:url('home/index/xiangqing',['id'=>$v.id])}"><img src="/uploads/{$v.pic}"width="180" height="240"></a></div>
            <div class="col-md-6">
                <p style="font-size:20px;">{$v.name}</p>
                <p>{$v.mark}</p>
                <br><br><br><br><br>
                <p>{$v.detail|mb_substr=0,10}</p>
                <br>
                <p>{$v.author}</p>
            </div>
        </div>
    </div>
  {/volist}
</div>

<!-- 排行榜 -->
<div class="container" style="margin-top:40px;">
        <ul class="list-inline">
            <li class="glyphicon glyphicon-heart-empty pull-left" style="font-size:40px;color:red;"></li>
            <li class="pull-left " style="font-size:30px;">排行榜</li>
        </ul>
        <div class="clearfix"></div>
        <hr>
    <div class="row">
        <div class="col-md-4">
            <ul class="list-inline">
                <li class="pull-left " style="font-size:20px;">国漫排行</li>
                
            </ul>
            <br>
            <ul class="list-unstyled">
                {volist name="guoman" id="v"}
                <li>
                    <img src="/uploads/{$v.pic}" width="100" height="133">
                    <span>{$v.name}</span>
                </li>
                {/volist}
            </ul>
        </div>
        <div class="col-md-4">
            <ul class="list-inline">
                <li class="pull-left " style="font-size:20px;">日漫排行</li>
                
            </ul>
            <br>
            <ul class="list-unstyled">
                <ul class="list-unstyled">
                    {volist name="riman" id="v"}
                    <li>
                        <img src="/uploads/{$v.pic}" width="100" height="133">
                        <span>{$v.name}</span>
                    </li>
                    {/volist}
                </ul>
            </ul>
        </div>
        <div class="col-md-4">
            <ul class="list-inline">
                <li class="pull-left " style="font-size:20px;">综合热门排行</li>
                
            </ul>
            <br>
            <ul class="list-unstyled">
                <ul class="list-unstyled">
                    {volist name="zonghe" id="v"}
                    <li>
                        <img src="/uploads/{$v.pic}" width="100" height="133">
                        <span>{$v.name}</span>
                    </li>
                    {/volist}
                </ul>
            </ul>
        </div>
    </div>
</div>

<!-- 最新跟新 -->
<div class="container" style="margin-top:20px;">
    <ul class="list-inline">
        <li class="glyphicon glyphicon-time pull-left" style="font-size:40px;color:red;"></li>
        <li class="pull-left " style="font-size:30px;">最新更新</li>
        
    </ul>
    <div class="clearfix"></div>
    <hr>
    {volist name="zuixin" id="v"}
    <div style="width: 350px; display: inline-block;margin-left:20px;">
        <div class="row">
            <div class="col-md-6">
                    <a href="{:url('home/index/xiangqing',['id'=>$v.id])}">
                <img src="/uploads/{$v.pic}" width="180" height="240">
                </a>
            </div>
            <div class="col-md-6">
                <p style="font-size:20px;">{$v.name}</p>
                <p>{$v.mark}</p>
                <br><br><br><br><br>
                <p>{$v.detail|mb_substr=0,10}</p>
                <br>
                <p>{$v.author}</p>
            </div>
        </div>
    </div>
    {/volist}


</div>

<!-- VIP漫画 -->
<div class="container" style="margin-top:20px;">
    <ul class="list-inline">
        <li class="glyphicon glyphicon-queen pull-left" style="font-size:40px;color:red;"></li>
        <li class="pull-left " style="font-size:30px;">VIP漫画</li>
        
    </ul>
    <div class="clearfix"></div>
    <hr>
    {volist name="vip" id="v"}
    <div style="width: 350px; display: inline-block;margin-left:20px;">
        <div class="row">
            <div class="col-md-6">
                <a href="{:url('home/index/xiangqing',['id'=>$v.id])}">
                    <img src="/uploads/{$v.pic}" width="180" height="240">
                </a>
            </div>
            <div class="col-md-6">
                <p style="font-size:20px;">{$v.name}</p>
                <p>{$v.mark}</p>
                <br><br><br><br><br>
                <p>{$v.detail|mb_substr=0,10}</p>
                <br>
                <p>{$v.author}</p>
            </div>
        </div>
    </div>
    {/volist}

</div>

<!--推荐读物-->
<div class="container" style="margin-top:20px;">
    <ul class="list-inline">
        <li class="glyphicon glyphicon-book pull-left" style="font-size:40px;color:red;"></li>
        <li class="pull-left " style="font-size:30px;">推荐读物</li>

    </ul>
    <div class="clearfix"></div>
    <hr>
    {volist name="api" id="v" offset="0" length="6"}
    <div style="width: 350px; display: inline-block;margin-left:20px;">
        <div class="row">
            <div class="col-md-6">
                <a href=https://www.baidu.com">
                    <img src="{$v.face}" width="180" height="240">
                </a>
            </div>
            <div class="col-md-6">
                <p style="font-size:20px;">{$v.name}</p>
                <br><br><br><br><br>
                <p>{$v.author}</p>
                <br>
                <p>&yen;{$v.price}</p>
            </div>
        </div>
    </div>
    {/volist}
</div>

{/block}
<!-- 右侧悬浮框  -->
<div>
    <ul class="nav nav-pills nav-stacked xuanfu">
            {volist name="fenlei" id="v"}
            <li role="presentation">
                <a href="{:url('/home/index/fenlei',['id'=>$v['id']])}">{$v.name}</a>
            </li>
            {/volist}
        <li>
            <span class="glyphicon glyphicon-arrow-up top_btn" style="margin-left: 15px"></span>
        </li>
    </ul>
</div>

<!-- 左侧广告位-->
{block name="guanggao"}
<div class="adv_right" style="width: 120px;height: 200px;position: fixed;left: 0px;top: 200px">
    <a href="{$data.gg_url}"><img src="/guanggao/{$data.gg_img}" title="{$data.gg_name}" width="100" height="200"></a>
</div>
{/block}

<!--友情连接-->
<div class="jumbotron"  style="margin-top:30px;">
    <div class="container">
        <p class="glyphicon glyphicon-link">友情链接</p>
        <hr>
        <div class="row">
            <div class="col-md-12">
                
                <ul class="list-unstyled">
                    {volist name="link" id="v"}
                    <a href="{$v['domain']}"><li style="float:left;margin-left:150px">{$v['name']}</li></a>
                    {/volist}
                </ul>
                
            </div>
            
        </div>
        <hr>
        <img src="/static/index/img/logo.jpg" width="200">
        <br>
        <a href="">关于我们</a>&nbsp;&nbsp;&nbsp;丨
        <a href="">商务合作</a>&nbsp;&nbsp;&nbsp;丨
        <a href="">建议与投诉</a>&nbsp;&nbsp;&nbsp;丨
        <a href="">版权声明</a>
        <br>
        Copyright (C) 2010-2020 www.xxx.com 漫画世界 All rights reserved
        <br>
        [网络文化经营许可证：浙网文[xxxx]xxxx-xxx号]    [网站备案：浙ICP备xxxxxxxx号-x]
    </div>
</div>
<script>
    $(function(){
        $(function(){
            $(".top_btn").click(function() {
                $("html,body").animate({scrollTop:0}, 500);
            });
        })
    })

</script>

</body>

</html>